<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>聚美集团-聚美优品</title>
    <link rel="stylesheet" href="../css/public.css">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_2062008_cxci4ayj9vv.css">
</head>

<body>
    <div class="head">
        <div class="head-top-box">
            <div class="head-top">
                <ul class="top_left">
                    <li>欢迎来到聚美</li>
                    <li class="login_li"><a href="./login.html">请登录</a></li>
                    <li class="zhuce_li"><a href="./zhuce.html">快速注册</a></li>
                </ul>
                <ul class="top_left_hide">
                    <li>
                        <span>欢迎您,</span>
                        <p>yan</p>
                        <i>[<a href="#">退出</a>]</i>
                    </li>
                </ul>
                <ul class="top_right">
                    <li class="right_more">
                        <a href="">更多 <p class="iconfont icon-icon_arrowdown"></p></a>
                        <div>
                            <ol><a href="#">邀请好友</a></ol>
                            <ol><a href="#">加入收藏</a></ol>
                            <ol><a href="#">新浪微博</a></ol>
                            <ol><a href="#">聚美微信</a></ol>
                            <ol><a href="#">百度贴吧</a></ol>
                            <ol><a href="#">腾讯微博</a></ol>
                            <ol><a href="#">人人公众主页</a></ol>
                        </div>
                    </li>
                    <li><span>|</span><a href="" class="phone iconfont icon-shouji">手机聚美</a><span>|</span></li>
                    <li class="me_jm clearfix">
                        <a href="">我的聚美<p class="iconfont icon-icon_arrowdown"></p></a>
                        <div>
                            <ol><a href="#">我的订单</a></ol>
                            <ol><a href="#">我的现金券</a></ol>
                            <ol><a href="#">我的红包</a></ol>
                            <ol><a href="#">我的余额</a></ol>
                            <ol><a href="#">我的提现</a></ol>
                            <ol><a href="#">我的退款</a></ol>
                            <ol><a href="#">我的收藏</a></ol>
                            <ol><a href="#">我的心愿单</a></ol>
                            <ol><a href="#">会员中心</a></ol>
                        </div>
                    </li>
                    <li><a href="" class="iconfont icon-xinheart118">收藏的品牌</a></li>
                    <li><a href="">订单查询</a></li>
                    <li><a href="">正品保证</a></li>

                </ul>
            </div>
        </div>
        <div class="head-center-box">
            <div class="head-center clearfix">
                <h1 class="log">
                    <a href=""></a>
                </h1>
                <div class="search">
                    <form action="">
                        <input class="inpt_search" autocomplete="off" name="search" type="text">
                        <button class="btn_search">搜索</button>
                        <ul class="ul_search">
                            <li>1</li>
                            <li>2</li>
                            <li>3</li>
                        </ul>
                    </form>
                    <ul class="clearfix">
                        <li><a href="">保湿</a></li>
                        <li><span>|</span><a href="javascript:;">面膜</a></li>
                        <li><span>|</span><a href="javascript:;">洗面奶</a></li>
                        <li><span>|</span><a href="javascript:;">补水</a></li>
                        <li><span>|</span><a href="javascript:;">香水</a></li>
                        <li><span>|</span><a href="javascript:;">眼霜</a></li>
                        <li><span>|</span><a href="javascript:;">口红</a></li>
                        <li><span>|</span><a href="javascript:;">护肤套装</a></li>
                        <li><span>|</span><a href="javascript:;">BB霜</a></li>

                    </ul>
                </div>
                <div class="shopping-cart">
                    <a href="" class="shopping_cart_a">
                        <img src="http://p0.jmstatic.com/assets/cart.gif" alt="">
                        <span>去购物车结算</span>
                        <p class="iconfont icon-icon_arrowdown"></p>
                    </a>
                    <div class="cart">
                        <div class="cart_shopping">

                        </div>
                    </div>
                    <span class="num">
                        
                    </span>
                </div>
            </div>
        </div>

        <div class="head-nav">
            <nav>
                <ul>
                    <li><a href="">首页</a></li>
                    <li><a href="">极速免税店</a></li>
                    <li><a href="">母婴特卖</a></li>
                    <li class="icon_prant">
                        <a href="">美妆商城 <p class="iconfont icon-icon_arrowdown"></p></a>
                        
                    </li>
                    <li><a href="">国际轻奢</a></li>
                    <li><a href="">服装运动</a></li>
                    <li><a href="">鞋包配饰</a></li>
               
                </ul>
                <div class="hide_nav">
                
                </div>
                <div>
                    <span></span>
                    <span></span>
                </div>
            </nav>
        </div>
    </div>
    <!-- banner -->
    <div class="banner">
        <div>
            <div class="lunbotu">
                <ul class="clearfix">
                    <li>
                        <a
                            href="http://hd.jumeiglobal.com/act/8-1-281126-plt_ht_z_oumeirenqihufu_200912.html?from=all_null_index_top_banner_null&lo=3477&mat=242228">
                            <img src="http://p4.jmstatic.com/product/005/128/5128924_std/5128924_dx_1000_400.jpg" alt="">
                        </a>
                    </li>
                    <li>
                        <a
                            href="http://hd.jumeiglobal.com/act/8-1-281126-plt_ht_z_oumeirenqihufu_200912.html?from=all_null_index_top_banner_null&lo=3477&mat=242228">
                            <img src="http://p2.jmstatic.com/product/004/857/4857252_std/4857252_dx_1000_400.jpg" alt="">
                        </a>
                    </li>
                    <li>
                        <a
                            href="http://hd.jumeiglobal.com/act/8-1-281126-plt_ht_z_oumeirenqihufu_200912.html?from=all_null_index_top_banner_null&lo=3477&mat=242228">
                            <img src="http://p0.jmstatic.com/product/005/192/5192450_std/5192450_dx_1000_400.jpg"
                            alt="">
                        </a>
                    </li>
                    <li>
                        <a
                            href="http://hd.jumeiglobal.com/act/8-1-281126-plt_ht_z_oumeirenqihufu_200912.html?from=all_null_index_top_banner_null&lo=3477&mat=242228">
                            <img src= "http://p3.jmstatic.com/product/004/939/4939888_std/4939888_dx_1000_400.jpg"
                            alt="">
                        </a>
                    </li>
                    <li>
                        <a
                            href="http://hd.jumeiglobal.com/act/8-1-281126-plt_ht_z_oumeirenqihufu_200912.html?from=all_null_index_top_banner_null&lo=3477&mat=242228">
                            <img src="http://p4.jmstatic.com/product/004/455/4455584_std/4455584_dx_1000_400.jpg"
                            alt="">
                        </a>
                    </li>
                </ul>
                <ol>

                </ol>
                <p class="banner_left iconfont icon-icon--1"></p>
                <p class="banner_right iconfont icon-icon--"></p>
            </div>
           
        </div>
    </div>

    <div class="banner-foot clearfix">
        <h2> </h2>
    </div>
    <div class="layout">
        <div class="layout-tltle">
            <h2><span class=" iconfont icon-icon_shizhong-">&nbsp; 每晚十点上新</span></h2>
        </div>
        <div class="layout-center">

        </div>
    </div>

    <div class="home_nav_box">
        <div class="home_nav active">
            <div>
                聚美
                <br> 
                首页
            </div>
            <ul>
                <li class="home_one">
                    <p></p>
                    <span>每日必看</span>
                </li>
                <li class="home_two">
                    回到 <br> 顶部
                </li>
            </ul>
        </div>
    </div>
    <!-- 页脚部分 -->
    <div class="foot">
        <div class="foot-heart">
            <div class="foot_top">
                <a href="http://hd.jumei.com/act/4-478-2232-guarantee.html?from=footer">
                    <span></span>
                    <p class="top_p1">值得信赖美妆电商</p>
                    <p class="top_p2">四千万用户信赖</p>
                </a>
                <a href="http://hd.jumei.com/act/4-478-2232-guarantee.html?from=footer">
                    <span></span>
                    <p class="top_p1">成功在美上市</p>
                    <p class="top_p2">股票代码NYSE:JMEI
                    </p>
                </a>
                <a href="http://hd.jumei.com/act/4-478-2232-guarantee.html?from=footer">
                    <span></span>
                    <p class="top_p1">品牌防伪码</p>
                    <p class="top_p2">支持品牌官网验真
                    </p>
                </a>
                <a href="http://hd.jumei.com/act/4-478-2232-guarantee.html?from=footer">
                    <span></span>
                    <p class="top_p1">百万用户口碑</p>
                    <p class="top_p2">帮你只选对的,不选贵的
                    </p>
                </a>
                <a href="http://hd.jumei.com/act/4-478-2232-guarantee.html?from=footer">
                    <span></span>
                    <p class="top_p1">订单闪电发货</p>
                    <p class="top_p2">1.5小时订单急速出库
                    </p>
                </a>
                <a href="http://hd.jumei.com/act/4-478-2232-guarantee.html?from=footer">
                    <span></span>
                    <p class="top_p1">大牌明星热荐</p>
                    <p class="top_p2">打造精致明星脸
                    </p>
                </a>

            </div>
            <div class="foot_top_sen">
                <ul>
                    <li>服务保障</li>
                    <li><a href="#">品牌真品防伪码</a></li>
                    <li><a href="#">正品保证</a></li>
                    <li><a href="#">专属客服服务</a></li>
                    <li><a href="#">总裁邮箱ceo@jumei.com</a></li>
                </ul>
                <ul>
                    <li><a href="#">使用帮助</a></li>
                    <li><a href="#">新手指南</a></li>
                    <li><a href="#">常见问题</a></li>
                    <li><a href="#">帮助中心</a></li>
                    <li><a href="#">用户协议</a></li>
                    <li><a href="#">公示制度</a></li>
                    <li><a href="#">聚美隐私权政策</a></li>
                    <li><a href="#">个人信息管理规则</a></li>
                    <li><a href="#">意见反馈及投诉举报规则</a></li>
                    <li><a href="#">知识产权维权处理规则</a></li>
                    <li><a href="#">评价管理规则</a></li>

                </ul>
                <ul>
                    <li><a href="#">支付方式</a></li>
                    <li><a href="#">货到付款</a></li>
                    <li><a href="#">在线支付</a></li>
                    <li><a href="#">余额支付</a></li>
                    <li><a href="#">现金券支付</a></li>

                </ul>
                <ul>
                    <li><a href="#">配送方式</a></li>
                    <li><a href="#">包邮政策</a></li>
                    <li><a href="#">配送说明</a></li>
                    <li><a href="#">运费说明</a></li>
                    <li><a href="#">验货签收</a></li>
                </ul>
                <ul>
                    <li><a href="#">配送方式</a></li>
                    <li><a href="#">包邮政策</a></li>
                    <li><a href="#">配送说明</a></li>
                    <li><a href="#">运费说明</a></li>
                    <li><a href="#">验货签收</a></li>
                </ul>
                <div>
                    <ul>
                        <li>手机聚美</li>
                        <li class="erweima1"></li>
                        <li>下载移动客户端</li>
                    </ul>
                </div>
                <div>
                    <ul>
                        <li>聚美微信</li>
                        <li class="erweima2"></li>
                        <li>聚美官方微信</li>
                    </ul>
                </div>

            </div>

        </div>
        <div class="foot_log">
            <div></div>
        </div>
        <div class="foot_center">
            <div class="foot_con clearfix">
                <a href="#">关于聚美优品</a>
                <a href="#">INVESTOR RELATIONS</a>
                <a href="#">合作招商</a>
                <a href="#">获取更新</a>
                <a href="#">加入聚美</a>
                <a href="#">品牌合作专区</a>
                <a href="#">媒体报道</a>
                <a href="#">商务合作</a>
            </div>
        </div>
        <div class="foot_bottom">
            <p>
                COPYRIGHT © 2010-2019 北京创锐文化传媒有限公司 JUMEI.COM 保留一切权利。
                客服热线：400-123-8888
                <br>

                京公网安备 11010102001226 |
                <a href="#">京ICP证111033号</a>
                <a href="#">食品经营许可</a>
                <a href="#">营业执照</a>
                <a href="#">ICP许可证</a>
                <a href="#">出版物经营许可证</a>
                <a href="#">第二类医疗器械经营备案凭证</a>
                <a href="#">网络食品交易第三方平台提供者备案信息表</a>
                <a href="#">增值电信业务经营许可证</a>
                <a href="#"></a>
            </p>
        </div>
    </div>


    <!-- 引入模板引擎第三方 -->
    <script src="../lib/template-web.js"></script>
    <!-- 编写模板引擎 -->

    <script type="text/html" id="tmp_nav">

        <div>
            <a href="">
                <img src="http://p0.jmstatic.com/banner/3481/30573_254_135_003-web.jpg" alt="">
            </a>
            <a href="">
                <img src="http://p0.jmstatic.com/banner/3481/30573_254_135_005-web.jpg" alt="">
            </a>
        </div>
        <div class="hide_nav_ul">
            {{ each arr v }}
                <dl>
                    <dt><a>{{v}}</a></dt>
                    {{ each list item }}
                        {{ if  item.tager == v }}
                        <dd><a href=" {{ item.url}} "> {{ item.name }} </a></dd>
                        {{ /if }}
                    {{ /each }}
                </dl>
                {{ /each  }}
            </div>
        </script>
    <script type="text/html" id="tmp">

        <ul class="ul clearfix">
            {{ each list}}
            <li>
                <div class="img_box">
                    <a href="">
                        <img src= {{$value.deal_img}} alt="">
                    </a>
                </div>
                <div class="commit_new" >
                    <span class="commit_btn" >加入购物车</span>
                    <p>新品上线,赶紧试试吧</p>
                </div>
                <a href="javascript:;" class="jianjie">
                    <p> {{$value.deal_tit}}</p>

                    {{ if $value.deal_global }}
                    <span>￥{{ $value.deal_global.price_home }}</span>
                    {{ else }}
                    <span>￥{{ $value.deal_group.price_dis.toFixed(2) }}</span>
                    <span>￥{{ $value.deal_group.price_org }}</span>
                    {{ /if }}
                </a>
                
            </li>
            {{/each}}
        </ul> 
    </script>

    <script type="text/html" id="cart_tmp">
        <p>已超过购物车商品保留时间，请尽快结算</p>
        <ul>
        {{ each list}}
         <li>
             <a href="javascript:;"><img src={{$value.deal_img}} alt=""></a>
             <div>
                 <p> {{$value.deal_tit}}</p>
                 {{ if $value.deal_global }}
                 <span>￥{{ $value.deal_global.price_home }}</span>
                 <span>x</span>
                 <span>{{$value.report_number * 1 + 1}}</span>
                 {{ else }}
                 <span>￥{{ $value.deal_group.price_dis.toFixed(2) }}</span>
                 <span>x</span>
                 <span>{{$value.report_number * 1 + 1}}</span>
                 {{ /if }}

             </div>
         </li>
         {{ /each}}
        </ul>       
         <div class="shapp_number">
             <div>
                
                 <p class="number_p1">共<span> {{ num }} </span>件商品</p>
                 <p class="number_p2">共计<span>￥{{ price.toFixed(2) }}</span></p>
             </div>
             <button class="go_cart">去购物车结算</button>
         </div> 
    </script>
    <!-- 引入jQuery文件 -->
    <script src="../lib/jquery/jquery.min.js"></script>
    <!-- 引入公共js文件 -->
    <script src="../js/public.js"></script>
    <script src="../js/index.js"></script>
</body>
</html>